<template>
  <view class="floating-text-container">
    <span class="floating-text" style="color: dimgray;">上滑了解更多</span>
  </view>
</template>

<style scoped>
.floating-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px; /* 根据需要调整容器高度 */
}

.floating-text {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* 根据需要调整浮动高度 */
  }
}
</style>
